import { ref } from 'vue'

export default() => {
    const nestedMenuitems: Ref<any[]> = ref([])
    const panelMenuitems: Ref<any[]> = ref([])
    const nestedRouteItems: Ref<any[]> = ref([])
    const tieredMenuItems: Ref<any[]> = ref([])
    const overlayMenuItems: Ref<any[]> = ref([])
    const menuitems: Ref<any[]> = ref([])
    const contextMenuItems: Ref<any[]> = ref([])
    const megamenuItems: Ref<any[]> = ref([])
    const breadcrumbItems: Ref<any[]> = ref([])
    const menu = ref<HTMLElement | null>(null)
    const contextMenu = ref<HTMLElement | null>(null)
    const breadcrumbHome = ref<HTMLElement | null>(null)

    return {
        nestedMenuitems,
        panelMenuitems,
        menuitems,
        overlayMenuItems,
        tieredMenuItems,
        nestedRouteItems,
        megamenuItems,
        breadcrumbItems,
        contextMenuItems,
        breadcrumbHome,
        contextMenu,
        menu
    }
}